<?php $this->load->view('template/header'); ?>

<?php $this->load->view('template/common/fronthead'); ?>

<?php $this->load->view('template/common/navigator'); ?>

<?php $this->load->view('template/common/bottombar'); ?>

<?php $this->load->view('template/common/loginpanel'); ?>

    <div class="container-fluid">

        <!-- Example row of columns -->
        <div class="row-fluid">

            <div class="span12">

                <div class="page-header">
                    <h1><?php echo $product->product_name; ?>  <small style="text-decoration: line-through;"><?php echo number_format($product->product_price_origin * 1000000); ?> VND</small> <small><?php echo number_format($product->product_price * 1000000); ?> VND</small></h1>
                </div>

                <div class="row-fluid">

                    <div class="span9">
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="row-fluid">
                                    <div class="span4">
                                        <div id="display">
                                            <ul id="pikame">
                                                <li><img src="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L1.jpg" ref="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L1.jpg" alt="" /><span></span></li>
                                                <li><img src="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L2.jpg" ref="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L2.jpg" alt="" /><span></span></li>
                                                <li><img src="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L3.jpg" ref="<?php echo base_url('assets'); ?>/img/product/<?php echo $product->product_id; ?>L3.jpg" alt="" /><span></span></li>
                                            </ul>
                                        </div>
                                        <br/>
                                        <br/>
                                        <br/>
                                        <h2 style="text-align: center;">
                                            <span class="price" style="text-decoration: line-through;"><?php echo number_format($product->product_price_origin * 1000000); ?> VND</span>
                                            <span class="price" style=""><?php echo number_format($product->product_price * 1000000); ?> VND</span>
                                        </h2>
                                        <p style="text-align: center;">
                                            <a class="btn btn-success btn-large" role="button" data-toggle="modal" href="#modal-online-support">Mua ngay</a>
                                        </p>
                                    </div>
                                    <div class="span6 offset1">
                                        <div class="prod_dt_desc_list">

                                            <?php $details = $this->detail_model->get_detail_product($product->product_id);
                                            if ($details != FALSE){
                                                foreach($details as $d): ?>

                                                    <div class="row-fluid">
                                                        <div class="span12">
                                                            <label><?php echo $this->detail_model->get_detail($d['detail_id'])->detail_title; ?></label>
                                                            <span><?php echo $this->detail_model->get_detail($d['detail_id'])->detail_content; ?></span>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>

                                                    <?php endforeach; } ?>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br/>
                        <br/>
                        <br/>
                    </div>

                    <div class="span3">
                        <h4>Quảng cáo và các slider hàng hóa nổi bật</h4>
                    </div>

                </div>
            </div>

        </div>

        <div class="row-fluid">
            <div class="span12">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active"><a href="#new-product" data-toggle="tab">Thông số</a></li>
                    <li><a href="#sale-product" data-toggle="tab">Hình ảnh</a></li>
                    <li><a href="#saleoff-product" data-toggle="tab">Phụ kiện</a></li>
                    <li><a href="#preorder-product" data-toggle="tab">Bài viết</a></li>
                    <li><a href="#list-product" data-toggle="tab">Ý kiến người dùng</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="new-product">

                    </div>
                    <div class="tab-pane" id="sale-product">
                        <div id="sale-product-list">
                            <h1>Bán chạy...</h1>
                        </div>
                    </div>
                    <div class="tab-pane" id="saleoff-product">
                        <div id="saleoff-product-list">
                            <h1>Đang khuyến mãi</h1>
                        </div>
                    </div>
                    <div class="tab-pane" id="preorder-product">
                        <div id="preorder-product-list">
                            <h1>Sắp có hàng</h1>
                        </div>
                    </div>
                    <div class="tab-pane" id="intro-product">
                        <div id="intro-product-list">
                            <h1>Đã trình làng...</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <hr/>


<?php

$data['is_detail'] = true;
$data['is_loginpanel'] = true;

$this->load->view('template/footer', $data); ?>